html,body{
        height: 100%;
        padding: 0;
        margin: 0;
      }
.header{
  width:100%;
  height:60px;
  background-color:#0f88eb;
  position: fixed;
    top:0;
}
.syone{
  width: 300px;
  float: left;
  margin-left: 16px;
}
.sytwo{
  width:200px;
  margin:0 auto;
}
.sythree{
  width:400px;
  float:right;
}
.wenzi a{
  color:white;
  margin-left:20px;
}
.wenzi{
  margin-top:15px;
}
.you{
  float: right;
  margin-right: 16px;
}
.main{
  background-image: url('../image/cl2.jpg');
  background-size: 100% 100% ;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.85;
  clear: both;
  margin-top:60px;
}
.button{
  background: #0f88eb;
  box-shadow: none;
  border: 0;
  border-radius: 3px;
  line-height: 41px;
  color: #fff;
  display: block;
  padding: 0;
  width: 300px;
  font-size: 15px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  outline: 0;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
}
.select{
  position: absolute;
  top: 20%;
  left: 80%;
  margin-left: -150px;
}
.box1{
  border-style: solid;
  border-radius: 10px;
  border-width: thin;
  width: 30%;
}
.box2{
  border-style: solid;
  border-radius: 10px;
  border-width: thin;
  width: 10%;
  margin-top: 20px;
}
.footer{
  background-color: #696969;
  text-align: center;
  margin-top: 0;
}
a{
  color: #707170;
  outline-style: none;
  text-decoration: none;
  cursor: default;
